<div class="row">

  <div class="col-xs-12 col-sm-2">
    <a ui-sref="personal.message.list" class="btn btn-default" style="width: 7em">
      <i class="fa fa-mail-reply"></i>返回列表
    </a>
  </div>

  <div class="col-xs-12 col-sm-10">
    <p class="text-primary text-left lead">{{messageInfo.title}}</p>
  </div>

</div>

<div class="row" ng-switch on="messageInfo.isSent">

  <div class="col-sm-offset-1 col-sm-1">
    <img ng-src="image/head_image/{{messageInfo.sender_head_image}}" class="img-circle message-head-image" ng-switch-when="false" alt="发送者头像" />
    <img ng-src="image/head_image/{{messageInfo.receiver_head_image}}" class="img-circle message-head-image" ng-switch-when="true" alt="接受者头像" />
  </div>

  <div class="col-sm-8">

    <div class="row bg-info" style="line-height: 2em">
      <div class="col-sm-12">
        <span ng-switch-when="false">发件人: </span>
        <span ng-switch-when="false">{{messageInfo.sender_username}}</span>


        <span ng-switch-when="true">收件人: </span>
        <span ng-switch-when="true">{{messageInfo.receiver_username}}</span>
      </div>

      <div class="col-sm-12">
        时&nbsp;&nbsp;&nbsp;间: {{ messageInfo.created_at }}
      </div>
    </div>

    <div class="row" style="margin-top: 1em; border: 1px solid #979797; min-height: 20em">
      <div class="col-sm-12 col-xs-12">
        <div markdown-previewer bind-content="messageInfo.content"></div>
      </div>
    </div>

    
  </div>


</div>